<template>
  <div>
    <div :class="$store.state.tjwz==true?'hygltk':'tjhy'">
      <div v-if="$store.state.tjwz" class="close" @click="close">
        <a-icon type="close" />
      </div>
      <a-tabs :defaultActiveKey="$store.state.defaultActiveKey" @change="callback">
        <a-tab-pane :tab="$store.state.xiugaiflag!=''?'修改会员':'添加会员'" key="1">
          <tjhyym></tjhyym>
        </a-tab-pane>

        <!-- <a-tab-pane v-if="$store.state.xiugaiflag!=''" tab="开票信息" key="2" forceRender>
          <kpxx></kpxx>
        </a-tab-pane>
        <a-tab-pane tab="收货地址"  v-if="$store.state.xiugaiflag!=''" key="3">
          <shdz></shdz>
        </a-tab-pane> -->
      </a-tabs>
    </div>
  </div>
</template>

<script>
import kpxx from "../kpxx/kpxx.vue";
import shdz from "../shdz/shdz.vue";
import tjhyym from "../tjhyym/tjhyym.vue";
export default {
  data() {
    return {};
  },

  methods: {
    callback(key) {
      console.log(key);
    },
    close() {
      this.$store.state.tjwz = false;
      this.$store.state.xiugaiflag = "";
      this.$store.state.hygllist = [];
    }
  },
  components: {
    kpxx,
    shdz,
    tjhyym
  },
  created() {}
};
</script>

<style lang='less'>
.hygltk {
  width: 100%;
  height: auto;
  box-shadow: 0px 0px 7px #ccc;
  background-color: #fff;
  margin: 0px auto;
  position: relative;
  // top: 63px;
  // transform: translateX(-50%);
  text-align: left;
  padding: 50px 77px;
}
.close {
  position: absolute;
  top: 10px;
  right: 0px;
  font-size: 24px;
  width: 50px;
  height: 50px;
  cursor: pointer;
}
.tjhy {
  width: 98%;
  height: auto;
  box-shadow: 0px 0px 7px #ccc;
  background-color: #fff;
  margin: 9px auto;
  position: relative;
  top: 63px;
  // transform: translateX(-50%);
  text-align: left;
  padding: 30px 77px;

  .hydj {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    height: 930px;
    .hydj_xgym {
      position: absolute;
      width: 80%;
      left: 50%;
      transform: translateX(-50%);
    }
  }
}
</style>
